.record{
   min-height: 100vh;
   padding: 20rpx;
   background: $my-main-bg;  
   .group{
       background: #fff;
       border-radius: 20rpx;
       position: relative;
       padding:20rpx;
       margin-bottom: 20rpx;
      
   }
   .box{
        max-height: 150rpx;
        transition: all 0.3s ease 0s;
        overflow: hidden;
   }
   .on{
       max-height: 500rpx;
   }
  
   .status{
       position: absolute;
       top:0;
       right:0;
       width: 145rpx;
       height: 142rpx;
       .icon{
            width: 145rpx;
            height: 142rpx;
       }
   }
   .date{
       font-size: 24rpx;
       color:#333;
   }
   .money{
       font-size: 36rpx;
       color:#000;
       text-align: center;
       padding: 20rpx 0;
   }
   .flex{
       display: flex;
       justify-content: space-between;
       font-size: 24rpx;
       line-height: 50rpx;
       .l{
            color:#999;
       }
       .r{
           color:#000;
       }
   }
   .title{
       font-size: 24rpx;
       color:#000;
       line-height: 50rpx;
   }
   .more{
       text-align: center;
   }
   .act{
        transform: rotate(180deg);
    }   
}